import React, { Component, Fragment } from "react";
import { NavBar, Icp } from './style'
import smrz from '../../assets/images/smrz.png'
import wxb from '../../assets/images/wxb.png'
import weifa from '../../assets/images/weifa.jpg'
import fanzha from '../../assets/images/fanzha.jpg'
import zggsrz from '../../assets/images/zggsrz.png'

const commonWidth = {
  width: '960px',
  margin: '15px auto 0',
}

class Footer extends Component {
  render() {
    return (
      <Fragment>
        <div style={commonWidth}>
          <NavBar>
            <a target="_blank" href="https://www.jianshu.com/c/jppzD2" rel="noreferrer">关于简书</a>
            <em> · </em>
            <a target="_blank" href="https://www.jianshu.com/contact" rel="noreferrer">联系我们</a>
            <em> · </em>
            <a target="_blank" href="https://www.jianshu.com/c/bfeec2e13990" rel="noreferrer">加入我们</a>
            <em> · </em>
            <a target="_blank" href="https://www.jianshu.com/p/fc1c113e5b6b" rel="noreferrer">简书出版</a>
            <em> · </em>
            <a target="_blank" href="https://www.jianshu.com/press" rel="noreferrer">品牌与徽标</a>
            <em> · </em>
            <a target="_blank" href="https://www.jianshu.com/faqs" rel="noreferrer">帮助中心</a>
            <em> · </em>
            <a target="_blank" href="https://www.jianshu.com/p/cabc8fa39830" rel="noreferrer">合作伙伴</a>
            <em> · </em>
            <a target="_blank" href="https://www.picmoon.com/" rel="noreferrer">涂檬-原创插画社区</a>
          </NavBar>
          <Icp>
            ©2012-2021 上海佰集信息科技有限公司 / 简书 /
            <a target="_blank" href="https://beian.miit.gov.cn" rel="noreferrer">沪ICP备11018329号-5 / </a>
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010402002252" rel="noreferrer" >
              <img src={smrz} alt="Smrz" />
            </a>
            <a target="_blank" href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=31010402002252" rel="noreferrer">沪公网安备31010402002252号 / </a>
            <a target="_blank" href="https://www.12377.cn/" rel="noreferrer">
              <img src={wxb} alt="Wxb" />
            </a>
            <a target="_blank" href="http://www.shjbzx.cn/" rel="noreferrer">
              <img src={weifa} alt="Weifa" />
            </a>        简书网举报邮箱：help@jianshu.com
            <br />
            举报电话：18510346566 /
            <a target="_blank" href="/#" onClick={(e) => e.preventDefault()} rel="noreferrer">
              <img src={fanzha} alt="Fanzha" />
            </a>        亲爱的市民朋友，上海警方反诈劝阻电话“962110”系专门针对避免您财产被骗受损而设，请您一旦收到来电，立即接听 /
            <a target="_blank" href="http://218.242.124.22:8081/businessCheck/verifKey.do?showType=extShow&amp;serial=9031000020171107081457000002158769-SAIC_SHOW_310000-20171115131223587837&amp;signData=MEQCIADWZ5aTcBeER5SOVp0ly+ElvKnwtjczum6Gi6wZ7/wWAiB9MAPM22hp947ZaBobux5PDkd0lfqoCOkVV7zjCYME6g==" rel="noreferrer">
              <img src={zggsrz} alt="Zggsrz" />
            </a>
          </Icp>
        </div>
      </Fragment >
    )
  }
}

export default Footer